// 获取一个食物方块
// 将私有属性放到构造函数中
function Food(option){
    // 确保option是属性值
    // option = option||{};
    // 使用三元表达式选择
    option = option instanceof Object? option:{};
    this.width = option.width||20;
    this.height = option.height||20;
    this.x = option.x || 0;
    this.y = option.y || 0;
    this.color = option.color||"red";
}
var ps = "absolute";
// 将一个元素渲染添加到页面上
Food.prototype.render= function(stage){
    // 创建一个元素
    var ele = document.createElement("div");

    // 设置样式之前先获取随机的一个x和y
    // this.x = Tools.getRandom(0,stage.clientWidth/this.width-1)*this.width;
    // this.y = Tools.getRandom(0,stage.clientHeight/this.height-1)*this.height;
    
    // 给元素添加样式
    ele.style.width=this.width + "px";
    ele.style.height=this.height + "px";
    ele.style.left=this.x + "px";
    ele.style.top=this.y + "px"
    ele.style.backgroundColor=this.color;
    ele.style.position= ps;
    //将元素添加给父级
    stage.appendChild(ele);

    


    // 获取元素的坐标
    // n = stage.offsetWidth/this.width;
    var x =Tools.getRandom(0,stage.clientWidth/this.width-1)*this.width;
    var y =Tools.getRandom(0,stage.clientHeight/this.height-1)*this.height;
    // 赋值
    ele.style.left = x +"px";
    ele.style.top = y +"px";
}
    // // 内部测试
    // // 获取元素
    var stage = document.getElementById("stage");
    // // 生成实例
    var food= new Food();
    // // 调用实例
    food.render(stage);


